<!--

     Licensed to the Apache Software Foundation (ASF) under one
     or more contributor license agreements.  See the NOTICE file
     distributed with this work for additional information
     regarding copyright ownership.  The ASF licenses this file
     to you under the Apache License, Version 2.0 (the
     "License"); you may not use this file except in compliance
     with the License.  You may obtain a copy of the License at

       http://www.apache.org/licenses/LICENSE-2.0

     Unless required by applicable law or agreed to in writing,
     software distributed under the License is distributed on an
     "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
     KIND, either express or implied.  See the License for the
     specific language governing permissions and limitations
     under the License.

-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en-US">
<head>
    <title>Test page for Navigator</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<div id="container">
    <div id="header">
        <h1>Test page for Navigator</h1>
    </div>
    <div id="navigation" class="col-3 module">
        <ul>
            <li><a href="#home" title="Homepage">Home</a></li>
            <li><a href="#about" title="About this page">About</a></li>
            <li><a href="#contact">Contact</a></li>
        </ul>
    </div>
    <div id="content" class="col-3">
        <div id="main" class="col-2">
            <div id="article-1" class="article">
                <h2><a href="/link-to-article-1">Article title 1</a></h2>

                <div class="content">
                    <p>
                        First paragraph of article 1.
                    </p>
                    <blockquote>
                        <p>
                            A blockquote.
                        </p>
                    </blockquote>
                    <p>
                        Second paragraph of article 1.
                    </p>
                </div>
            </div>
            <hr>
            <div id="article-2" class="article">
                <h2><a href="/link-to-article-2">

                    Article title 2

                </a></h2>

                <div class="content">
                    <img src="http://google.com/intl/en_com/images/logo_plain.png" alt="Google logo">

                    <p>
                        First paragraph of article 2.
                    </p>

                    <p>
                        Second paragraph of article 2.
                    </p>
                </div>
            </div>
            <hr>
            <div id="article-3" class="article">
                <h2><a href="/link-to-article-3">Article title 3</a></h2>

                <div class="content">
                    <p>
                        First paragraph of article 3.
                    </p>

                    <p>
                        Second paragraph of article 3.
                    </p>

                    <p>
                        Third paragraph of article 3.
                    </p>
                </div>
            </div>
            <hr>
        </div>
        <div id="sidebar" class="col-1">
            <form action="#search" method="get" data-test>
                <fieldset>
                    <legend>Search</legend>
                    <label for="keywords">Keywords:</label>
                    <input type="text" name="keywords" id="keywords" value="Enter keywords here"><br>
                    <input type="radio" name="site" value="google" checked="checked" id="site-1"> <label for="site-1">Site #1</label>
                    <input type="radio" name="site" value="thisone" id="site-2"> <label for="site-2">Site #2</label><br>
                    <label><input type="radio" name="site" value="bing" id="site-3">Site #3</label><br>
                    <input type="checkbox" name="checker1" value="123" id="checker1"> <label for="checker1">Check or uncheck</label><br>
                    <input type="checkbox" name="checker2" value="123" id="checker2" checked="checked"> <label for="checker2">Check or uncheck</label><br>
                    <select name="plain_select" id="the_plain_select">
                        <option value="1">Option #1</option>
                        <option value="2">Option #2</option>
                        <option value="3">Option #3</option>
                        <option value="4" selected="selected">Option #4</option>
                        <option value="5">5</option>
                    </select>
                    <select name="multiple_select" multiple="multiple" id="the_multiple_select">
                        <option value="1">Option #1</option>
                        <option value="2" selected="selected">Option #2</option>
                        <option value="3">Option #3</option>
                        <option value="4" selected="selected">Option #4</option>
                        <option value="5">Option #5</option>
                    </select>
                    <textarea cols="10" rows="5" name="textext">The textarea content.</textarea>
                    <button value="search_button">Search</button>
                </fieldset>
            </form>
            <ol>
                <li>

                    Item #1

                </li>
                <li>Item #2</li>
                <li>Item #3</li>
                <li>Item #4</li>
            </ol>
            <ol class="ol-simple">
                <li>Item #1</li>
                <li>Item #2</li>
                <li>Item #3</li>
                <li>Item #4</li>
            </ol>
            <ol class="ol-simple dummy">
                <li>Item #1</li>
                <li>Item #2</li>
                <li>Item #3</li>
                <li>Item #4</li>
            </ol>
            <ol class="ol simple">
                <li>Item #1</li>
                <li>Item #2</li>
                <li>Item #3</li>
                <li>Item #4</li>
            </ol>
            <ol class=" ol-simple " lang="en-US">
                <li>Item #1</li>
                <li>Item #2</li>
                <li>Item #3</li>
                <li>Item #4</li>
            </ol>
        </div>
    </div>
    <div id="footer">
        <p>Copyright something</p>

        <p style="display: none;" id="hidden-paragraph">hidden</p>
    </div>
</div>
</body>
</html>
